<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .header{
            background-color: #fff;
            height: 72px;
            width: 100%;
            margin: 0;
            padding: 0;

        }
        .header2{
            align-items: center;
            display: flex;
            height: 100%;
            width: 1220px;
            margin: 0 auto;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .header3{
            display: flex;
            flex: 1;
            height: 100%;
            align-items: center;
            margin: 0;
            padding: 0;

        }

        .logo{
            margin-right: 30px;
            width: 110px;
            height: auto !important;
            border: 0;
        }
        .translate{
            font-size: 14px;
            font-weight: 400;
            color: #4d85ff;
        }
        .navigation_text{
            align-items: center;
            color: #000;
            display: flex;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            text-align: center;
            text-decoration: none;
            margin-right: 25px;
            position: relative;
            font-family: PingFang SC;
        }
        .navigation_text:hover{
            color: #4d85ff;
        }

        .upgraade_tag{
            border-radius: 7px 7px 7px 0;
            color: #fff;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            height: 15px;
            left: 483px;
            line-height: 15px;
            position: absolute;
            text-align: center;
            top: 13px;
            width: 59px;
            background: linear-gradient(97.03deg,#a87fff 9.88%,#b384ff 9.89%,#4c9eff 102.13%);
            font-family: Microsoft YaHei;
        }
        .vip{
            background: linear-gradient(161.46deg,#fde2c2 16.41%,#c19164);
            border: 1px solid #fff3d6;
            border-radius: 10px;
            color: #724d2b;
            cursor: pointer;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            height: 36px;
            line-height: 34px;
            text-align: center;
            width: 120px;
            margin: 0;
            padding: 0;
            text-decoration: none;
            margin-right: 25px;
            font-family: PingFang SC;

        }
        .login{
            align-items: center;
            cursor: pointer;
            display: flex;
            margin-left: 20px;
            position: relative;
            text-decoration: none;
            padding: 0;
            margin: 0;
            color: #000;
            font-size: 14px;
            font-family: PingFang SC;
        }
        .login:hover{
            color: #4d85ff;
        }

        body{
            background-color: #eef1f9;
        }

        .lastbox{
            width: 1220px;
            margin: 0 auto;
        }
        .all{
            background-color: #eef1f9;
        }
        .picture{
            
            align-items: center;
            display: flex;
            justify-content: space-around;
            margin-bottom: 56px;
            margin-top: 56px;
            position: relative;
        }
        .picturebox{
            flex-shrink: 0;
            height: 55px;
            padding-left: 60px;
            position: relative;
            text-decoration: none;
        }
        .products-icon{
            background-size: 100% 100%;
            border-radius: 5px;
            box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
            height: 50px;
            left: 0;
            margin-top: -25px;
            position: absolute;
            top: 50%;
            width: 50px;
        }
        .picturename{
            color: #333;
            font-size: 18px;
            letter-spacing: .17px;
            line-height: 25px;
            font-weight: 400;
            font-family: PingFang SC;
        }
        .introduce{
            color: #999;
            font-size: 12px;
            line-height: 17px;
            margin-top: 12px;
            font-family: PingFang SC;
        }
        .picture .item{
            width: 200px;
            padding-right: 135px;
        }
        .btm .half .cur{
            text-decoration: none;
            text-align: center;
            padding-right: 8px;
            color: dimgrey;
            font-size: 12px;
            display:inline-block;
           
        }
        .btm .half .cur:hover{
            color: #4d85ff;
            text-decoration: underline;
        }
        .split-line{
            color: #c8c8c8;
            font-size: 12px;
            margin-left: 5px;
            display:inline-block;
        }
        .btm .half{
            color: dimgrey; 
            display: inline;
            font-size: small;
            font-family: Arial;
            float: left;
            margin: 30px 0;
            position: relative;
        }
        .all .last{
            display: block;
        }
        .all .btm .aaa{
            display: block;
            display: flex;
            
        }
        .all .btm .aaa .last{
            width: 230px;
            height: 23.5px;
            float: right;
            margin: 30px 0 0 370px;
           
        }
        .all .btm .aaa .last .bbb{
            margin: 0;
            
        }
        .all .picture .ccc{
            width:219px ;
            height: 60px;
        }
        .all .btm .last .ddd{
            cursor: pointer;
            display: inline-block;
            height: 18px;
            line-height: 33px;
            margin-left: 30px;
            text-indent: -9999px;
            width: 22px;
        }
        .inner{
            padding: 30px 0 10px;
            width: 1220px;
            margin: 0 auto;
            display: block;
        }
        .translate-warp{
            margin-bottom: 60px;
            position: relative;
            display: block;
        }
        .operation{
            float: left;
            display: block;
            background: #fff;
            border-radius: 10px;
        }
        .from{
            float: left;
            height: 36px;
            line-height: 36px;
            min-width: 180px;
            width: auto;
            text-align: center;
            text-decoration: none;
        }
        .frominner{
            line-height: 30px;
            display: inline-block;
            left: 0;
            position: relative;
            width: 100%;
        }
        .select{
            margin-left: 5px;
            display: inline-block;
            font-size: 14px;
            font-family: Arial;
        }
        .select:hover{
            color: #1890ff;
        }
        .arrow{
            background: url(https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/icon_arrow.4e776550.svg) 50% no-repeat;
            background-size: contain;
            border: 0;
            display: inline-block;
            height: 6px;
            margin: 2px 0 0 10px;
            margin-right: 0px;
            transition: all .16s;
            width: 10px;
            margin-right: 5px !important;
        }
        .exchange{
            height: 36px;
            float: left;
            line-height: 36px;
            padding: 0 21px;
            cursor: not-allowed;

        }
        .exchange-mask{
            background-image: -webkit-image-set(url(https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/new_icons.c2dc378e.png) 1x,url(https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/new_icons_2x.fea9cb67.png) 2x);
            background-position: 0 -330px;
            background-repeat: no-repeat;
            display: inline-block;
            height: 21px;
            margin-top: -4px;
            overflow: hidden;
            vertical-align: middle;
            width: 21px;
            line-height: 27px;
        }
        .translatebutton1{
            background: #4d85ff;
            border: 0;
            border-radius: 10px;
            font-size: 14px;
            font-weight: 400;
            height: 36px;
            letter-spacing: 18px;
            line-height: 36px;
            padding: 0;
            text-align: center;
            text-decoration: none !important;
            text-indent: 18px;
            width: 120px;
            margin-left: 14px;
            float: left;
        }
        .fanyi{
            color: #fff;
            line-height: 32px;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 18px;
            text-align: center;
            text-indent: 18px;
            font-family: Microsoft YaHei;
        }
        .translatebutton1:hover{
            background: #1890ff;
        }
        .translatebutton2{
            background: #fff;
            border: 0;
            border-radius: 10px;
            font-size: 14px;
            font-weight: 400;
            height: 36px;
            letter-spacing: 18px;
            line-height: 36px;
            padding: 0;
            text-align: center;
            text-decoration: none !important;
            text-indent: 18px;
            width: 120px;
            margin-left: 14px;
            float: left;
        }
        .aifanyi{
            color: #4d85ff;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 2px;
            line-height: 36px;
            text-align: center;
            text-indent: 2px;
            font-family: Microsoft YaHei;
        }
        .aifanyi:hover{
            color: #1890ff;
        }
        .translatesetting{
            float: right;
            height: 36px;
            position: relative;
        }
        .translatesetting{
            margin-right: 10px;
            position: relative;
            background: no-repeat 50%;
            box-sizing: border-box;
            display: inline-block;
            height: 36px;
            line-height: 36px;
            text-align: center;
            vertical-align: top;
        }
        .settingmask{
            background-image: -webkit-image-set(url(https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/new_icons.c2dc378e.png) 1x,url(https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/new_icons_2x.fea9cb67.png) 2x);
            background-position: 0 -272px;
            height: 26px;
            width: 26px;
            background-repeat: no-repeat;
            margin-top: 5px;
            line-height: 36px;
            text-align: center;
            display: inline-block;
        }
        .settingmask2{
            background-image: -webkit-image-set(url(https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/new_icons.c2dc378e.png) 1x,url(https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/new_icons_2x.fea9cb67.png) 2x);
            background-position: 0 -228px;
            background-repeat: no-repeat;
            height: 24px;
            margin-top: 6px;
            width: 24px;
            line-height: 36px;
            text-align: center;
            display: inline-block;
        }
        .wrapper{
            float: right;
            margin-right: 26px;
            position: relative;
            z-index: 10;
        }
        .wrapperinner{
            background: #fff;
            border-radius: 10px;
            box-sizing: border-box;
            height: 36px;
            padding-right: 32px;
            position: relative;
            width: 210px;
        }
        .wrapperinnerbox{
            float: left;
            padding: 8px 14px;
            position: relative;
            white-space: nowrap;
            width: 56px;
        }
        .wrapperinnerboxbox{
            color: #4d85ff;
            font-weight: 500;
            cursor: pointer;
            font-size: 14px;
            height: 20px;
            line-height: 20px;
            position: relative;
            text-align: center;
            font-family: Microsoft YaHei;
        }
        .cut{
            background: #dcdcdc;
            content: "";
            height: 12px;
            margin-top: -6px;
            position: absolute;
            right: 0;
            top: 50%;
            width: 1px;
        }
        .wrapperinnerbox1{
            float: left;
            padding: 8px 14px;
            position: relative;
            white-space: nowrap;
            width: 56px;
        }
        .wrapperinnerboxbox1{
            color: #333;
            cursor: pointer;
            font-size: 14px;
            height: 20px;
            line-height: 20px;
            position: relative;
            text-align: center;
            font-family: Microsoft YaHei;
        }
        .wrappermask{
            background: url(https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/icon_arrow.4e776550.svg) 50% no-repeat;
            content: "";
            display: block;
            height: 6px;
            position: absolute;
            right: 16px;
            top: 16px;
            width: 10px;
        }
        .translateio{
            margin-top: 20px;
            width: 100%;
        }
        .translateleft{
            position: relative;
            width: 49.999999%;
            float: left;
        }
        .leftbox{
            background-color: #fff;
            border: 1px solid #fff;
            border-radius: 10px 0 0 10px;
            position: relative;
        }
        .filebox{
            align-items: center;
            bottom: 14px;
            color: #666;
            cursor: pointer;
            display: flex;
            font-size: 12px;
            line-height: 1;
            position: absolute;
            right: 20px;
            z-index: 2;
        }
        .filemask{
            align-items: center;
            background: url(https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/file.31e045e4.svg) no-repeat;
            background-size: auto;
            background-size: 100%;
            content: "";
            display: inline-flex;
            height: 14px;
            margin-right: 4px;
            width: 14px;
        }
        .filetranslate{
            color: #666;
            cursor: pointer;
            font-size: 12px;
            line-height: 1;
            font-family: Microsoft YaHei;
        }
        .wrapbox{
            height: auto;
            background-color: #fff;
            border-radius: 10px 0 0 10px;
            min-height: 84px;
            padding: 10px 10px 43px 15px;
            position: relative;
        }
        .wrapbackbox{
            background-color: transparent;
            font-size: 24px;
            height: 70px;
            left: 0;
            line-height: 30px;
            top: 0;
            width: 100%;
        }
        .wrapback{
            color: #e7e7e7;
            user-select: none;
            font-size: 24px;
            line-height: 30px;
            font-family: Microsoft YaHei;
        }
        .mainbox{
            height: 591px;
        }
        .translateright{
            float: right;
            position: relative;
            width: 49.999999%;
        }
        .rightbox{
            height: 139px;
            background-color: rgba(169,173,204,.1);
            border-left: none;
            border-radius: 0 10px 10px 0;
            min-height: 132px;
            position: relative;
            z-index: 9;
        }
        .leftbox:hover{
            border: 1px solid #1890ff;
        }
        .recordbox{
            position: relative;
            align-items: flex-start;
            display:inline-block;
            width: 1220px;
        }
        .leftrecord{
            width: 50%;
            display: block;
        }
        .historybox{
            display: block;
            color: #999;
            font-size: 14px;
            margin-top: 20px;
        }
        .historybtnbox{
            display: flex;
            width: 100%;
        }
        .historybtn{
            align-items: center;
            background: #e7eaf5;
            border-radius: 10px;
            color: #666;
            cursor: pointer;
            display: flex;
            font-family: PingFang SC;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            justify-content: center;
            padding: 5px 0;
            width: 100px;
        }
        .historybtn:hover{
            color: #000;
        }
        .historybtnmask{
            background: url(https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/icon-history.3711babc.png) no-repeat;
            background-size: 100%;
            height: 12px;
            margin-right: 6px;
            width: 12px;
        }


    </style>
</head>
<body>
    <div class="header" style="display:block">
        <div class="header2">
            <div class="header3">
             <a href="https://fanyi.baidu.com/?fr=pcDownload"><img class="logo" src="https://fanyi-cdn.cdn.bcebos.com/static/translation/img/header/logo_e835568.png"></a>
             <a class="navigation_text" href="https://fanyi.baidu.com/?fr=pcDownload" ><span class="translate">文本翻译</span></a>
             <div class="upgraade_tag">全新升级</div>
             <a class="navigation_text" href="https://fanyi.baidu.com/mtpe-individual/editor/quickImport?channel=pcHeader#/">文档翻译▾</a>
             <a class="navigation_text" href="https://fanyi-pro.baidu.com/?hmsr=%E7%99%BE%E5%BA%A6%E7%BF%BB%E8%AF%91&hmpl=%E5%9B%BA%E5%AE%9A%E5%85%A5%E5%8F%A3&hmcu=%E9%A1%B6%E9%83%A8%E6%8C%89%E9%92%AE" target="_blank">人工翻译</a>
             <a class="navigation_text" href="https://tongchuan.baidu.com/?fr=fanyi" target="_blank">AI同传</a>
             <a class="navigation_text" href="https://fanyi-api.baidu.com/?fr=pcHeader" target="_blank">翻译API</a>
             <a class="navigation_text" href="https://fanyi-app.baidu.com/static/react-activity/page/pcCourse.html?fr=fanyi#/home" target="_blank">课程优选</a>
             <a class="navigation_text" >企业服务▾</a>
            </div>
             <a class="navigation_text" >所有产品▾</a>
             <a target="_blank" href="https://fanyi.baidu.com/mtpe-individual/pc/vip-intro?channel=pcHeader#/" class="vip">开通文档翻译VIP</a>
             <a target="_blank" href="https://passport.baidu.com/v2/?reg&tt=1678188895986&overseas=undefined&gid=E7E7E92-0A5F-4FC1-8220-608A757895EA&tpl=translate&u=https%3A%2F%2Ffanyi.baidu.com%2F" class="login">登录</a>



        </div>
    </div>

    <div class="mainbox">
        <div class="inner">
            <div class="translate-warp">
                <div class="operation">
                    <div class="from">
                        <div class="frominner">
                            <span class="select">自动检测</span>
                            <i class="arrow"></i>
                        </div>
                    </div>
                </div>
                <div class="exchange">
                    <span class="exchange-mask">
                    </span>
                </div>
                <div class="operation">
                    <div class="from">
                        <div class="frominner">
                            <span class="select">中文(简体)</span>
                            <i class="arrow"></i>
                        </div>
                    </div>
                </div>
                <a class="translatebutton1" href="">
                    <div class="fanyi">
                        翻译
                    </div>
                </a>
                <a class="translatebutton2" href="https://fanyi-pro.baidu.com/middlepage?hmsr=%E7%99%BE%E5%BA%A6%E7%BF%BB%E8%AF%91&hmpl=%E5%9B%BA%E5%AE%9A%E5%85%A5%E5%8F%A3&hmcu=%E9%A6%96%E9%A1%B5%E6%8C%89%E9%92%AE&hmkw=&hmci=" target="_blank">
                    <div class="aifanyi">
                        人工翻译
                    </div>
                </a>
                <a class="translatesetting" href="" target="_blank">
                    <span class="settingmask2">
                    </span>
                </a>
                <a class="translatesetting" href="https://fanyi.baidu.com/collection" target="_blank">
                    <span class="settingmask">
                    </span>
                </a>
                <div class="wrapper">
                    <div class="wrapperinner">
                        <div class="wrapperinnerbox">
                            <div class="wrapperinnerboxbox">
                                <span >通用领域</span>
                            </div>
                            <div class="cut">
                            </div>
                        </div>
                        <div class="wrapperinnerbox1">
                            <div class="wrapperinnerboxbox1">
                                <span>生物医药</span>

                            </div>

                        </div>
                        <div class="wrappermask">
                        </div>

                    </div>


                </div>


            </div>

            <div class="translateio">
                <div class="translatemain">
                    <div class="translateleft">
                        <div class="leftbox">
                            <div class="filebox">
                                <span class="filemask"></span>
                                <span class="filetranslate">文档翻译</span>
                            </div>
                            <div class="wrapbox">
                                <div class="wrapbackbox">
                                    <span class="wrapback">输入文字、文档、网址或粘贴图片 即可翻译</span>

                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="translateright">
                        <div class="rightbox">
                        </div>
                    </div>

                </div>

            </div>

            <div class="recordbox">
                <div class="leftrecord">
                    <div class="historybox">
                        <div class="historybtnbox">
                            <div class="historybtn">
                                <i class="historybtnmask"></i>
                                翻译记录
                            </div>

                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>

    <div class="lastbox">
    <div class="all">
         <div class="picture">
            <a class="picturebox" href="https://fanyi.baidu.com/appdownload/download.html?tab=desktop&fr=pcproduct" target="_blank">
                <p class="picturename">百度翻译桌面端</p>
                <p class="introduce">轻·快的多语种翻译工具</p>
                <img class="products-icon" src="https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/product-desktop@2x.7f3925e3.png">
            </a>
            <a class="picturebox" href="https://fanyi.baidu.com/appdownload/download.html?tab=app&appchannel=webbannerfinal&fr=pcproduct" target="_blank">
                <p class="picturename">百度翻译APP</p>
                <p class="introduce">学英语背单词必备</p>
                <img class="products-icon" src="https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/product-app@2x.5c96abc6.png">
            </a>
            <a class="picturebox" href="https://fanyi.baidu.com/appdownload/download.html?tab=helper&fr=pcproduct" target="_blank">
                <p class="picturename">百度AI同传助手</p>
                <p class="introduce">网课/在线会议实时翻译工具</p>
                <img class="products-icon" src="https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/product-helper@2x.42313ebc.png">
            </a>
            <a class="picturebox" href="https://tongchuan.baidu.com?fr=pcproduct" target="_blank">
                <p class="picturename">百度AI同传会议版</p>
                <p class="introduce">企业会议同传解决方案</p>
                <img class="products-icon" src="https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/product-meeting@2x.8eeebb28.png">
            </a>
         </div>
       <div class="btm">
      
       <div class="aaa">
       <div class="half">
        <p class="cur" >©2023 baidu</p>
       <a class="cur" href="https://www.baidu.com/duty/" target="_blank">使用百度前必读</a> 
        <p class="split-line">|</p>
       <a class="cur" href="https://ai.baidu.com/" target="_blank">百度大脑</a>
        <p class="split-line">|</p>
       <a class="cur" href="https://cloud.baidu.com/" target="_blank">百度智能云</a>
        <p class="split-line">|</p>
       <a class="cur" href="https://xueshu.baidu.com/?from=fanyi" target="_blank">百度学术</a>
        <p class="split-line">|</p>
       <a class="cur" href="https://fanyi.baidu.com/static/webpage/agreement.html" target="_blank">翻译协议</a>
        <p class="split-line">|</p>
       <a class="cur" href="http://fanyi.baidu.com/static/webpage/agreement.html" target="_blank">建议与反馈</a>
        <p class="split-line">|</p>
       <a class="cur" href="https://help.baidu.com/" target="_blank">帮助</a>
       </div>
       <div class="last">
       <a class="bbb" href="https://weibo.com/p/1006062272956842"><img class="ddd" src="https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/weibo-icon.9458e430.png" ></a>
       <a class="bbb" href=""><img class="ddd" src="https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/wechat-icon.194f5b65.png" ></a>
       <a class="bbb" href=""><img class="ddd" src="https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/mobile-icon.90e28f46.png" ></a>
       <a class="bbb" href="mailto:translate-service@baidu.com"><img class="ddd" src="https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/asset/contact-icon.cac21ed8.png" ></a>
       </div>
       </div>
    </div>
       
   </div>
   
   </div>
</body>
</html>